/**
 * Created by Administrator on 2017/8/25.
 */
$(function(){
    $(".input").eq(-1).addClass("lastLi");
    var _span,_info,_panel,show0,show1,show2,show3;
    _panel=$(".panel");
     _span=$(".in-span");
    _info=$(".in-info");
     show0=$(".panel1");
     show1=$(".panel2");
     show2=$(".panel3");
     show3=$(".panel4");
    function showP(P){
        P.show();
        P.removeClass("dispear").addClass("appear")
    }
    function hideP(P){
        P.hide();
        P.addClass("dispear").removeClass("appear");
    }

    $(".close").tap(function(){
        $(".appear").addClass("dispear").removeClass("appear");
    })

    $(document).on('tap','.input',function(){
        var _index= $(this).index();
        $(".in-span").removeClass("isfocus")
        $(this).find(".in-span").addClass("isfocus");
        _index++;
        switch (_index) {
            case 1:
                showP(show0);
                hideP(show1);
                hideP(show2);
                hideP(show3);
                break;
            case 2:
                hideP(show0);
                showP(show1);
                hideP(show2);
                hideP(show3);
                break;
            case 7:
                if($(".input").length<=7){
                    hideP(show0);
                    showP(show1);
                    hideP(show2);
                    hideP(show3);
                    return false;
                }else{
                    hideP(show0);
                    hideP(show1);
                    showP(show2);
                    hideP(show3);
                }

                break;
            case 8:
                hideP(show0);
                hideP(show1);
                hideP(show2);
                showP(show3);
                break;
            default:
                hideP(show0);
                hideP(show1);
                showP(show2);
                hideP(show3);
                break;
        }
    }).on('tap',".weui-btn_default",function(){
    //输入框 键盘 自动切换
        var _this,_indexPanel,_indexInput, F,_input;
         _this=$(this);
        if(_this.hasClass("un-use")){
            return false;
        }
        _input=$(".input")
        F=_this.text();
        //底部键盘 下标
        _indexPanel=_this.parents(".panel").index();
        //输入框 下标
        _indexInput= $(".isfocus").parent().index();
        //当输入框只有七个时
        if(_input.length==7&&_indexInput==6){
            _panel.hide();
            return false;
        }
        _input.eq(_indexInput).find(".in-info").text(F);
        //隐藏+展开第二个底部panel  输入框右移
        _span.eq(_indexInput).removeClass("isfocus");
        _indexInput++;
        _span.eq(_indexInput).addClass("isfocus");
        if(_indexInput<= 2  || _indexInput>=7){
            _panel.hide();
            _indexPanel++;
            showP(_panel.eq(_indexPanel));
        }
    }).on('tap','.delete',function(){
    //删除逻辑
        var _this,_indexInput,_indexPanel;
        _this=$(this);
        _indexInput= $(".isfocus").parent().index();
        _info.eq(_indexInput).text("");
        _indexPanel=_this.parents(".panel").index();
        //输入框为第一个删除时
        if (!_indexInput){
            return false
        }
        //隐藏+展开上一个底部panel 输入框左移
        if(_indexInput<= 2  || _indexInput>=7){
            _panel.hide();
            _indexPanel--;
            showP(_panel.eq(_indexPanel));
        }

        _span.eq(_indexInput).removeClass("isfocus");
        _indexInput--;
        _span.eq(_indexInput).addClass("isfocus");

    }).on('change','#newCheckPlate',function(){
    //新能源车牌切换
        var _label=$("#plate-label");
        if(_label.hasClass("icon-fuxuan1")){
            //删除最后一个元素
            _label.removeClass("icon-fuxuan1").addClass("icon-fuxuan");
            $(".input").eq(-1).hide();
            $(".input").eq(-2).addClass("lastLi");
        }else{
            //最后位置添加一个元素
            _label.removeClass("icon-fuxuan").addClass("icon-fuxuan1");
            $(".input").eq(-2).removeClass("lastLi");
            $(".input").eq(-1).find(".in-info").text("");
            $(".input").eq(-1).show();
        }
    })
})